@import url("./helpers.scss");
@import url("./spacing-helpers.scss");
@import url("./shape.scss");
@import url("./align-guides.scss");
@import url("./shortcut-btn.scss");
@import url("./page-manager.scss");
@import url("./canvas-wrapper.scss");
@import url("./adjust.scss");
@import url("./script-panel.scss");

#luban-editor-layout,
#luban-work-manager-layout  {
  .header {
    padding: 0 10px;

    .logo {
      width: 120px;
      height: 31px;
      // background: rgba(255,255,255,.2);
      margin: 16px 28px 16px 0;
      float: left;

      line-height: 31px;
      text-align: center;
      color: white;
      font-size: 16px;
    }

    .lang-select-activator,
    .user-avatar-activator {
      float: right;
      background: transparent;
      margin: 0 28px 16px 0;
      cursor: pointer;

      .anticon {
        color: white;
      }
    }
  }

  #props-edit-form {
    .ant-form-item {
      margin-bottom: 12px;
    }
  }

  .card-cover-wrapper {
    position: relative;
    height: 300px;
    border: 1px dashed #eee;
    color: #aaa;
    padding: 4px;
  }
  // .action-steps-wrapper {
  //   .ant-timeline-item {
  //     height: 60px;
  //   }
  //   .ant-timeline-item-content span:first-child {
  //     display: inline-block;
  //     margin-right: 10px;
  //     min-width: 100px;
  //   }
  // }

  code.marked {
    margin: 0 1px;
    background: #f2f4f5;
    // padding: .2em .4em;
    border-radius: 3px;
    font-size: .9em;
    border: 1px solid #eee;
    color: #e36c6c;
  }
}

.hidden {
  display: none !important;
}

// 拖拽出来的控件
.dragging-dom-ele {
  position: fixed !important;
  z-index: 100;

  display: inline-block;
  box-sizing: border-box;

  height: 30px;
  width: 130px;
  border-radius: 4px;
  border: 1px solid #ccc;

  cursor: grabbing;
  user-select: none;
  opacity: 0.6;
}

.ant-tabs-nav .ant-tabs-tab {
  // padding: 12px 0 !important;
}

.avaiable-animations-tabs .ant-tabs-nav .ant-tabs-tab {
  padding: 12px 16px !important;
}

// 动画编辑面板定制
#animation-right-panel {
  .ant-collapse-header {
    padding: 6px 0 6px 40px;
  }

  .adjust-line-wrapper {
    margin-top: 12px;

    .ant-form-item {
      margin-bottom: 0;
    }
  }
}

.default-router-link {
  color: rgba(0, 0, 0, 0.65);
}
.router-link-active {
  color: #1890ff !important;
  background-color: transparent;
  text-decoration: none;
}

.plugin-usage-tip {
  font-size: 12px;
  color: #999;
  border-left: 0.2rem solid #dfe2e5;
  // margin: 1rem 0;
  padding: 0.25rem 0 0.25rem 0.5rem;
}

.ant-layout-sider {
  // 防止拖动延迟
  transition: none !important;
}
